<!--
 * @Author: CemCode cemoment@aliyun.com
 * @Date: 2022-04-13 16:57:25
 * @LastEditors: CemCode cemoment@aliyun.com
 * @LastEditTime: 2022-07-23 02:22:19
 * @FilePath: \vue-blog-2\src\views\other\Page404.vue
 * @Description: 
 * 
 * Copyright (c) 2022 by CemCode cemoment@aliyun.com, All Rights Reserved. 
-->
<template>
  <div class="page404_main">
      <h2>404-未找到该资源 (: {{counter--}}秒返回主页</h2>
  </div>
</template>
<script>
export default {
    name:"other-page404",
    data(){
        return {
            counter: 3
        }
    },
    mounted(){
        setTimeout(()=>{
            this.$router.push('/')
        },3000)
    }
}
</script>
<style lang="scss" scoped>
.page404_main{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #444;

    h2{
        padding: 15px;
        background-color: rgb(37, 193, 255);
        color: white;
        border-radius: 5px;
    }
}
</style>